<template>
  <div class="index">
    <div class="nav">
      <Nav></Nav>
      <div class="N-nav-channel JS_NTES_LOG_FE" data-module-name="xwwzy_11_headdaohang">
        <a class="first" href="">新闻</a><a href="">体育</a><a
        href="">NBA</a><a href="">娱乐</a><a
        href="">游戏</a><a href="">财经</a><a
        href="">股票</a><a id="_link_auto" href="">汽车</a><a
        href="">科技</a><a href="">手机</a><a
        href="">智能</a><a href="">时尚</a><a href="">直播</a><a
        href="">旅游</a><a id="houseUrl" href="">房产</a><a
        href="" id="homeUrl">家居</a><a href="">教育</a>
        <a id="_link_game" href="">上海</a><a
        href="">健康</a><a class="last" href="">艺术</a>
      </div>
      <div class="ns_area index_top_ad channel_relative_2016 mod_js_ad" data-adid="news_index_column_1" ad-location="11"
           ad-category="news" ad-position="0">
        <!--16新闻首页顶通-->
        <div class="at_item common_ad_item top_ad_column" adtype="topColumnAd"
             requesturl="https://nex.163.com/q?app=7BE0FC82&amp;c=news&amp;l=11&amp;site=netease&amp;affiliate=news&amp;cat=homepage&amp;type=column1200x125_960x100&amp;location=10">
          <img src="../assets/banner.jpg" style="width: 1200px;height: 125px" alt="">
        </div>
        <span class="channel_ad_2016">广告</span>
      </div>
      <div class="index_head">
        <div class="ns_area hd">
          <h1>
            <a href="" class="channel2019_logo channel2019_news_logo">网易新闻有态度</a>
          </h1>
        </div>
        <div class="bd">
          <div class="ns_area list">
            <ul>
              <li class="first"><a href="/">首页</a></li>
              <li><a href="">图片</a></li>
              <li class="menu_guonei"><a href="/inter">国内</a></li>
              <li class="menu_guoji"><a href="/exter">国际</a></li>
              <li><a href="/shudu">数读</a></li>
              <li class="menu_war"><a href="">军事</a></li>
              <li class="menu_hangkong"><a href="">航空</a></li>
              <li><a href="">传媒研究院</a></li>
              <li><a href="">政务</a></li>
              <li><a href="">公益</a></li>
              <li><a href="">媒体</a></li>
              <li class="last"><a href="">王三三</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="main_content">
      <div class="left">
        <Left></Left>
      </div>
      <div class="main">
        <div class="hd" style="margin-top: 50px">
          <h2><a href="https://open.163.com/">网易公开课</a></h2>
          <div class="focus_ctrl">
            <span ne-role="slide-nav" class=""></span>
            <span ne-role="slide-nav" class=""></span>
            <span ne-role="slide-nav" class="current"></span>
            <span ne-role="slide-nav" class=""></span>
          </div>
        </div>
        <div class="lun">
          <div class="block">
            <el-carousel height="150px">
              <el-carousel-item v-for="img in item" :key="img">
                <img style="height: 150px;width: 600px;border-radius: 5px" :src="img" alt="">
              </el-carousel-item>
            </el-carousel>
          </div>
        </div>
        <div class="nav">
          <div class="newsdata_nav">
            <ul style="border-top: 1px red solid" class="clearfix">
              <li class="nav_item">
                <a class="nav_name no_cursor current" ne-role="tab-nav" href="javascript:;" target="_self">
                  要闻
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name no_cursor" ne-role="tab-nav" href="" target="_blank">
                  北京
                  <span class="nav_item_ink"></span>
                </a>
              </li>

              <li class="nav_item">
                <a class="nav_name" ne-role="tab-nav" href="">
                  国内
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name" ne-role="tab-nav" href="">
                  国际
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name no_cursor" ne-role="tab-nav" href="javascript:;" target="_self">
                  独家
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name" ne-role="tab-nav" href="">
                  军事
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name" ne-role="tab-nav" href="">
                  财经
                  <span class="nav_item_ink"></span>
                </a>
              </li>
              <li class="nav_item">
                <a class="nav_name" ne-role="tab-nav" href="">
                  科技
                  <span class="nav_item_ink"></span>
                </a>
              </li>
            </ul>


          </div>
        </div>
        <div class="news_body">
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
          <div class="news_content">
            <div class="img_content" style="float: left">
              <img src="static/img/news.jpg" style="margin-top: 10px" alt="">
            </div>
            <div class="title" style="float: right;font-size: 20px;margin-right: 80px;margin-top: 10px;color: gray">
              美媒：美国拆分硅谷巨头是给中国送大礼
            </div>
            <div class="body" style="float: left;width: 200px;margin-top: 20px;margin-left: 20px;color:gray;">
              <p>美国之声 | 1天前</p>
            </div>
            <div style="float: right;margin-top: 35px ;width: 200px;color: gray">
              <i class="el-icon-files"></i> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              <i class="el-icon-share"></i>
            </div>
          </div>
        </div>
      </div>

      <div class="right" style="margin-top: 20px;margin-left: 40px">
        <div class="mt30 mod_news_special cm_area_show">
          <div class="idx_cm_title">
            <h2 class="title">新闻专题</h2>
          </div>
          <div class="bd">
            <div class="photo">
              <a href="https://mp.weixin.qq.com/s/vro5N2VCCCm59DAT2_lWJQ">
                <img ne-lazy="loaded:true;effect:fadeIn;slideIndex:0;"
                     data-original="https://cms-bucket.ws.126.net/2021/1228/84e14ca6p00r4sqvh0019c0008c002ic.png?imageView&amp;thumbnail=300y90"
                     width="300" height="90" alt="工银兴农贷 奔向好日子"
                     src="https://cms-bucket.ws.126.net/2021/1228/84e14ca6p00r4sqvh0019c0008c002ic.png?imageView&amp;thumbnail=300y90&amp;type=webp"
                     style="display: inline; opacity: 1;">
              </a>
            </div>
            <h3>
              <span>HOT</span>
              <strong><a href="https://mp.weixin.qq.com/s/vro5N2VCCCm59DAT2_lWJQ">工银兴农贷 奔向好日子</a></strong>
            </h3>
            <ul class="idx_cm_list" style="padding-left: 0">
              <li>
                <a href="https://c.m.163.com/news/s/S1635852027681.html">十九届六中全会在京召开</a>
              </li>
              <li>
                <a href="https://c.m.163.com/news/s/S1635160370863.html">2022年北京冬奥会</a>
              </li>
              <li>
                <a href="https://c.m.163.com/news/s/S1636080009944.html">下半年最强寒潮来了！</a>
              </li>
              <li>
                <a href="https://c.m.163.com/news/s/S1634698291354.html">省级大员人事密集调整</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>

    <div class="footer">
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
  import Nav from "../components/Nav";
  import Footer from "../components/Footer";
  import Left from "../components/Left";

  export default {
    name: "Index",
    data() {
      return {
        item: [
          require('../assets/lun/lun1.jpg'), require('../assets/lun/lun2.jpg'), require('../assets/lun/lun3.jpg'), require('../assets/lun/lun4.jpg')
        ]
      }
    },
    methods: {},
    components: {
      Nav,
      Footer,
      Left
    },
    mounted() {

    }
  }
</script>

<style scoped>
  .news_content {
    width: 600px;
    height: 120px;
    margin-top: 15px;
    border-bottom: 1px rgba(242, 243, 245, 0.94) solid;
  }

  .mt30 {
    margin-top: 30px;
  }

  .idx_cm_title {
    border-top: 1px #dddddd solid;
    height: 41px;
  }

  .idx_cm_title .title {
    border-top: 1px #f34540 solid;
    font-size: 16px;
    font-weight: bold;
    float: left;
    position: relative;
    margin-top: -1px;
    padding: 6px 0px 10px 0px;
  }

  .mod_news_special .bd {
    line-height: 0;
  }

  .mod_news_special .bd .photo {
    width: 300px;
    height: 90px;
    display: inline-block;
    overflow: hidden;
  }


  a {
    text-decoration: none;
  }

  a {
    color: #404040;
  }

  .mod_news_special .bd h3 {
    height: 40px;
    overflow: hidden;
  }

  .mod_news_special .bd h3 span {
    float: left;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #f34540;
    line-height: 40px;
    width: 55px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
  }

  .mod_news_special .bd h3 strong {
    width: 244px;
    height: 39px;
    display: inline-block;
    overflow: hidden;
    float: left;
    line-height: 39px;
    font-size: 16px;
    text-indent: 10px;
    color: #f34540;
    border-right: 1px #f6f6f6 solid;
    border-bottom: 1px #f6f6f6 solid;
  }

  .mod_news_special .bd h3 a {
    color: #404040;
  }

  .mod_news_special .idx_cm_list {
    margin-top: 11px;
  }

  .idx_cm_list li {
    position: relative;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    color: rgb(221, 221, 221);
    font-family: 宋体;
    overflow: hidden;
  }

  .idx_cm_list a {
    color: #666666;
  }

  .idx_cm_list li:after {
    content: "";
    background: #dddddd;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -2px;
  }

  .left {
    float: left;
    margin-top: 10px;
    margin-left: 100px;
  }

  .main {
    float: left;
    height: 1000px;
    width: 600px;
    /*background-color: skyblue;*/

  }

  .right {
    float: left;
    height: 600px;
    width: 400px;
    /*background-color: black;*/
  }

  .newsdata_nav {
    width: 600px;
    height: 50px;
    background: #fff;
    border-top: 1px solid #f04343;
    position: relative;
  }

  .newsdata_nav {
    width: 600px;
    height: 50px;
    background: #fff;
    border-top: 1px solid #f04343;
    position: relative;
  }

  .newsdata_nav ul li {
    float: left;
    _display: inline;
  }

  li {
    list-style: none;
  }

  .newsdata_nav ul li a.current {
    background: #f04343;
    font-weight: bold;
    color: #fff;
  }

  .newsdata_nav ul li .no_cursor {
    cursor: default;
  }

  .newsdata_nav ul li a {
    display: block;
    width: 65px;
    height: 50px;
    font: normal 16px/50px "Microsoft Yahei";
    text-align: center;
    color: #404040;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
  }

  .newsdata_nav ul li a.current {
    background: #f04343;
    font-weight: bold;
    color: #fff;
  }

  .newsdata_nav ul li .no_cursor {
    cursor: default;
  }

  .newsdata_nav ul li a {
    display: block;
    width: 65px;
    height: 50px;
    font: normal 16px/50px "Microsoft Yahei";
    text-align: center;
    color: #404040;
    text-decoration: none;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
  }

  li {
    display: list-item;
    text-align: -webkit-match-parent;
  }

  a {
    text-decoration: none;
  }

  a {
    color: #404040;
  }

  .focus_ctrl {
    float: right;
    margin-top: 20px;
  }

  .focus_ctrl span {
    float: left;
    margin: 0 0px 0 8px;
    width: 8px;
    height: 8px;
    border: 1px #d6d6d6 solid;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    cursor: pointer;
  }

  .focus_ctrl .current {
    width: 10px;
    height: 10px;
    border: 0px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    background: #f34540;
  }

  .hd h2 {
    float: left;
    font-size: 20px;
    line-height: 40px;
  }

  .hd {
    height: 49px;
    border-top: 1px #eeeeee solid;
  }


  /*主界面*/
  .main_content {
    height: 2000px;
  }

  .origina_column_warp .scroll_ul {
    padding-bottom: 100px;
  }

  ol, ul {
    list-style: none;
  }

  .origina_column_warp .cell {
    border-bottom: 1px #eeeeee solid;
    padding-top: 25px;
    padding-bottom: 20px;
  }

  .origina_column_warp .cell .tag_line {
    text-align: center;
  }

  p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  .origina_column_warp .cell .tag_line .tag_sd {
    width: 71px;
    height: 23px;
    background-position: 0px -98px;
  }

  .origina_column_warp .cell .tag_line .tags {
    overflow: hidden;
    line-height: 300px;
    display: inline-block;
    background: url(https://static.ws.126.net/163/f2e/news/index2016_rmd/images/sprite_img20190530.png) no-repeat;
  }

  a {
    text-decoration: none;
  }

  a {
    color: #404040;
  }

  .origina_column_warp .cell h3 {
    font-size: 16px;
    margin: 10px 0px 5px 0px;
  }

  .index_main {
    margin-top: 35px;
  }

  .ns_area {
    width: 1200px;
    margin: 0px auto;
  }

  .main_origina_column {
    float: left;
    display: inline;
    margin-right: 50px;
    width: 200px;
    min-height: 100px;
  }

  .origina_column_warp h2 {
    font-size: 16px;
    color: #404040;
    line-height: 16px;
    padding: 0px 0px 15px 0px;
    border-bottom: 1px #eeeeee solid;
  }

  .origina_column_warp h2 span {
    border-left: 3px #f34540 solid;
    padding-left: 10px;
  }

  .ne-scrl-y {
    position: relative;
  }

  .ne-scrl-wrap {
    margin: 0;
    overflow: visible;
  }

  .origina_column_warp .scroll_column_bd {
    width: 200px;
    position: relative;
  }


  .origina_column_warp .white_bg {
    width: 215px;
    height: 100px;
    background: url(https://static.ws.126.net/163/f2e/news/index2016_rmd/images/white_bg.png) repeat-x 0px 100%;
    position: relative;
    z-index: 9;
    margin-top: -100px;
    display: none;
  }

  .ne-scrl-y .ne-scrl-bd {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
  }

  .origina_column_warp .ne-scrl-bd {
    display: none;
  }

  .ne-scrl-bd {
    float: left;
    min-height: 1px;
  }

  .ne-scrl-y .ne-scrl-ct {
    width: 9px;
    background: none;
  }


  .ne-scrl-y .ne-scrl-btn {
    width: auto;
  }

  .ne-scrl-y .ne-scrl-btn-start {
    position: absolute;
    top: -3px;
    width: 9px;
    height: 3px;
    display: none;
  }

  .ne-scrl-btn-start, .ne-scrl-btn .ne-scrl-btn-end, .ne-scrl-btn .ne-scrl-btn-bd span {
    background: url(http://static.ws.126.net/cnews/img/gallery13/wz/img/scrl-btn-bg.png) no-repeat;
    font-size: 0;
  }


  .ne-scrl-y .ne-scrl-btn-bd {
    width: 9px;
    height: 100%;
  }

  .ne-scrl-btn-bd {
    float: left;
    min-height: 1px;
  }

  .ne-scrl-btn-bd span {
    display: block;
    margin: 0 3px;
  }

  .ne-scrl-y .ne-scrl-btn-bd span {
    height: 100%;
    background: #999;
  }

  .origina_column_warp .scroll_column_bd {
    width: 200px;
    position: relative;
  }

  .origina_column_warp .scroll_ul {
    padding-bottom: 100px;
  }

  ol, ul {
    list-style: none;
  }


  ul {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
  }

  b {
    font-weight: bold;
  }

  .ne-scrl-btn-end {
    float: right;
    margin-left: -3px;
  }

  .ne-scrl-btn {
    position: absolute;
    display: block;
    width: 36px;
    outline: none;
    cursor: default;
  }

  a {
    text-decoration: none;
  }

  a {
    color: #404040;
  }

  /*顶部导航栏*/
  .index_head {
    margin-top: 25px;
    min-width: 960px;
  }

  .index_head .hd {
    height: 48px;
    overflow: hidden;
  }

  .index_head .hd h1 {
    float: left;
  }

  .channel2019_news_logo {
    background-position: 0px 4px !important;
  }

  .channel2019_logo {
    background: url(http://cms-bucket.ws.126.net/2021/1117/aa3634c2p00r2p5bt003ec0008m028kc.png) no-repeat !important;
    width: 152px !important;
    height: 37px !important;
    display: block !important;
    float: left !important;
  }

  a {
    text-decoration: none;
  }

  a {
    color: #404040;
  }

  .index_head .bd {
    border-top: 2px #f34540 solid;
    border-bottom: 1px #eeeeee solid;
  }

  .index_head .bd .ns_area {
    overflow: hidden;
    height: 60px;
    line-height: 47px;
  }

  .index_head .bd .ns_area ul {
    width: 1280px;
  }

  .index_head .bd .ns_area li.first {
    padding-left: 0;
  }

  .index_head .bd .ns_area a {
    color: #000000;
  }

  .index_head .bd .ns_area li {
    float: left;
    font-size: 16px;
    padding: 0px 26px 0px 21px;
    background: url(http://static.ws.126.net/f2e/news/index2016/images/sprite_icon0813_v1.png) no-repeat 100% -53px;
  }

  .index_head .bd .ns_area li {
    float: left;
    font-size: 16px;
    padding: 0px 26px 0px 21px;
    background: url(http://static.ws.126.net/f2e/news/index2016/images/sprite_icon0813_v1.png) no-repeat 100% -53px;
  }

  .index_head .hd h1 a {
    line-height: 1000px;
    overflow: hidden;
    background: url(https://static.ws.126.net/163/f2e/news/index2016_rmd/images/sprite_img20190530.png) no-repeat;
  }

  .N-nav-channel {
    width: 1200px;
    background: #ffffff;
  }

  .N-nav-channel {
    padding: 14px 0;
    line-height: 13px;
  }

  .N-nav-channel, .ntes-nav {
    font-family: "\5B8B\4F53", sans-serif;
    font-size: 12px;
  }

  .N-nav-channel {
    text-align: center;
    width: 960px;
    margin: 0 auto;
  }

  .N-nav-channel a.first {
    border-left: 0;
    padding-left: 0;
    padding-right: 12px;
  }

  .N-nav-channel a:link, .N-nav-channel a:visited {
    color: #252525;
  }

  .N-nav-channel a {
    padding: 0px 12px;
  }

  .index_top_ad {
    min-height: 100px;
    line-height: 0;
  }

  .ns_area {
    width: 1200px;
    margin: 0px auto;
  }

  .channel_relative_2016 {
    position: relative;
    line-height: 0px;
  }

  .channel_relative_2016 .channel_ad_2016, .channel_relative_2016 .channel_ad_text_2016 {
    display: inline-block;
  }

  .channel_ad_2016 {
    height: 17px;
    display: none;
    background: rgba(0, 0, 0, 0.6);
    background: #000 \9;
    color: #fff;
    border-radius: 0 8px 0px 0px;
    line-height: 17px;
    width: 30px;
    text-align: left;
    overflow: hidden;
    font-size: 12px;
    font-family: Arial;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
  }

  iframe {
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
  }
</style>
